2017-5-24 建站日志（二）

{% note info %} 到此，建站告一段落，功能差不多完善了 {% endnote %}

2017-05-24：

Bootstrap Callout的巨坑BUG

在今天新增添加评论后，部署完成后发现，界面变成如下： null 完全乱码了，真是... 经过一晚上排查，发现原因出在：Markdown开头我使用了Bootstrap Callout语句，中间写了其他代码，结尾又再次使用了Bootstrap Callout语句，如下图： null null 把结尾的Bootstrap Callout语句去掉之后，一切又恢复了正常。 null

难道Bootstrap Callout语句一篇文章只能使用一次？？？

为了验证，做了如下测试： null null 果然如此，真是绝了... 对了，连下面这种情况（Bootstrap Callout）也不能出现，出现了也算一次：

`{% note info %} ... {% endnote %}` #单引号小代码块

添加评论

这里我用的是Hypercomments，国外的一个第三方评论平台，好处之一就是可以支持匿名评论，不用登录就可以进行评论，取代即将入土的多说。

1.Next主题已经集成了Hypercomments，只需到Hypercomments注册一个账号，绑定网站入口，拿到widget_id即可。具体位置如下： null

代码中找到widget_id:xxxxx：

widget:"Stream", widget_id: xxxxx

2.修改主题配置文件，找到如下代码：

# Hypercomments
#hypercomments_id:

3.取消注释，将拿到的widget_id填入，即可。预览： null

使用七牛做图片图床

为了提高页面加载速度，方便图片管理，将博客所有图片均同步到七牛云，制成外链，加到博客中。

步骤很简单，注册一个七牛云账号，新建一个存储空间，将用到的图片传上去，拿到外链，写博客时，如下使用就可以了。

![](http://ohhmsby4v.bkt.clouddn.com/image/2017-05-24_%E5%BB.png)

2017-05-21：

Markdown内置标签

文本居中的引用

<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
<!-- 其中 class="blockquote-center" 是必须的 -->
<blockquote class="blockquote-center">blah blah blah</blockquote>

<!-- 标签 方式，要求版本在0.4.5或以上 -->
{% centerquote %}blah blah blah{% endcenterquote %}

<!-- 标签别名 -->
{% cq %} blah blah blah {% endcq %}

预览： {% cq %} 人的一切痛苦，本质上都是对自己的无能的愤怒。 {% endcq %}

突破容器宽度限制的图片

<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
<!-- 其中 class="full-image" 是必须的 -->
<img src="/image-url" class="full-image" />

<!-- 标签 方式，要求版本在0.4.5或以上 -->
{% fullimage /image-url, alt, title %}

<!-- 别名 -->
{% fi /image-url, alt, title %}

预览： {% fi http://ohhmsby4v.bkt.clouddn.com/image/2017-05-21_%E5%BB%BA%E7%AB%99%E6%97%A5%E5%BF%97_full_img1.jpg, alt, 时光 %}

Bootstrap Callout

{% note class_name %} Content (md partial supported) {% endnote %}
{% note %} Content (md partial supported of **none**) {% endnote %}
{% note default %} Content (md partial supported of **default**) {% endnote %}
{% note primary %} Content (md partial supported of **primary**) {% endnote %}
{% note success %} Content (md partial supported of **success**) {% endnote %}
{% note info %} Content (md partial supported of **info**) {% endnote %}
{% note warning %} Content (md partial supported of **warning**) {% endnote %}
{% note danger %} Content (md partial supported of **danger**) {% endnote %}

* class_name可以为：default、primary、success、info、warning、danger，也可以为空。预览： null